<template>
  <section>
    <img class="prd-img"
         src="@/assets/imgs/prd/prd_01.png"
         alt="软件">
  </section>
</template>

<script>
import { mapGetters } from 'vuex'
import { removeStore } from '@/utils/common'
export default {
  data() {
    return {
      sildeDate: [],
      productInfo: {},
      isCheckProduct: false,
      levelName: '',
    }
  },
  mounted() {
    this.checkData = '99'
  },
  methods: {},
  computed: {
    //computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；
    ...mapGetters(['checkData']),
    checkData: {
      get() {
        return this.$store.state.user.checkData
      },
      set(value) {
        this.$store.commit('SET_CHECKDATA', value)
      },
    },
  },
}
</script>

<style lang='scss' scoped>
.prd {
  margin-bottom: 307px;

  &-img {
    margin-top: 40px;
    width: 100%;
  }
}
</style>